<template>
  <div class="add_edit">
    <el-breadcrumb separator="/" style="margin-bottom: 20px;">
      <el-breadcrumb-item>首页</el-breadcrumb-item>
      <el-breadcrumb-item>商品管理</el-breadcrumb-item>
      <el-breadcrumb-item>商品列表</el-breadcrumb-item>
    </el-breadcrumb>
    <el-card class="box-card" style="line-height: 0; text-align: left;">
      <div class="title el-icon-warning">
        添加商品信息
      </div>
      <el-row>
        <el-steps :space="200" :active="0" finish-status="success" style="margin-left: 130px;" align-center>
          <el-step title="基本信息"></el-step>
          <el-step title="商品参数"></el-step>
          <el-step title="商品属性"></el-step>
          <el-step title="商品图片"></el-step>
          <el-step title="商品内容"></el-step>
          <el-step title="完成"></el-step>
        </el-steps>
      </el-row>
      <el-row>
        <el-tabs v-model="active" type="border-card" style="margin-left: 130px;">
          <el-tab-pane label="基本信息" name="first">基本信息</el-tab-pane>
          <el-tab-pane label="商品参数" name="second">商品参数</el-tab-pane>
          <el-tab-pane label="商品属性" name="third">商品属性</el-tab-pane>
          <el-tab-pane label="商品图片" name="fourth">商品图片</el-tab-pane>
          <el-tab-pane label="商品内容" name="fifth">商品内容</el-tab-pane>
          <el-tab-pane label="完成" name="sixth">完成</el-tab-pane>
        </el-tabs>
      </el-row>


    </el-card>
  </div>
</template>
<style scoped lang="scss">
.title {
  width: 100%;
  background-color: #9093997e;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 20px;
}
</style>
<script>
import axios from 'axios';
export default {
  data() {
    return {
      active: 1,
    }
  }
}
</script>